<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
    <link rel="stylesheet" href="/static/css/wheel.css">
    <link rel="stylesheet" type="text/css" href="/static/js/plugins/css3-image-grid-layout/css/hexagons.css">
</head>
<body>
<%--<div style="text-align:center;clear:both;"> </div>--%>
<ul id="hexGrid">
    <li class="hex"> <a class="hexIn" href="#"> <img src="/static/js/plugins/css3-image-grid-layout/img/1.png" alt="" />
        <h1>This is a title</h1>
        <p>Some sample text about the article this hexagon leads to</p>
    </a> </li>
    <li class="hex"> <a class="hexIn" href="#"> <img src="/static/js/plugins/css3-image-grid-layout/img/2.png" alt="" />
        <h1>This is a title</h1>
        <p>Some sample text about the article this hexagon leads to</p>
    </a> </li>
    <li class="hex"> <a class="hexIn" href="#"> <img src="/static/js/plugins/css3-image-grid-layout/img/3.png" alt="" />
        <h1>This is a title</h1>
        <p>Some sample text about the article this hexagon leads to</p>
    </a> </li>
    <li class="hex"> <a class="hexIn" href="#"> <img src="/static/js/plugins/css3-image-grid-layout/img/4.png" alt="" />
        <h1>This is a title</h1>
        <p>Some sample text about the article this hexagon leads to</p>
    </a> </li>
    <li class="hex"> <a class="hexIn" href="#"> <img src="/static/js/plugins/css3-image-grid-layout/img/5.png" alt="" />
        <h1>This is a title</h1>
        <p>Some sample text about the article this hexagon leads to</p>
    </a> </li>
    <li class="hex"> <a class="hexIn" href="#"> <img src="/static/js/plugins/css3-image-grid-layout/img/6.png" alt="" />
        <h1>This is a title</h1>
        <p>Some sample text about the article this hexagon leads to</p>
    </a> </li>
    <li class="hex"> <a class="hexIn" href="#"> <img src="/static/js/plugins/css3-image-grid-layout/img/7.png" alt="" />
        <h1>This is a title</h1>
        <p>Some sample text about the article this hexagon leads to</p>
    </a> </li>
    <li class="hex"> <a class="hexIn" href="#"> <img src="/static/js/plugins/css3-image-grid-layout/img/8.png" alt="" />
        <h1>This is a title</h1>
        <p>Some sample text about the article this hexagon leads to</p>
    </a> </li>
    <li class="hex"> <a class="hexIn" href="#"> <img src="/static/js/plugins/css3-image-grid-layout/img/1.png" alt="" />
        <h1>This is a title</h1>
        <p>Some sample text about the article this hexagon leads to</p>
    </a> </li>
    <li class="hex"> <a class="hexIn" href="#"> <img src="/static/js/plugins/css3-image-grid-layout/img/2.png" alt="" />
        <h1>This is a title</h1>
        <p>Some sample text about the article this hexagon leads to</p>
    </a> </li>
    <li class="hex"> <a class="hexIn" href="#"> <img src="/static/js/plugins/css3-image-grid-layout/img/3.png" alt="" />
        <h1>This is a title</h1>
        <p>Some sample text about the article this hexagon leads to</p>
    </a> </li>
    <li class="hex"> <a class="hexIn" href="#"> <img src="/static/js/plugins/css3-image-grid-layout/img/4.png" alt="" />
        <h1>This is a title</h1>
        <p>Some sample text about the article this hexagon leads to</p>
    </a> </li>
    <li class="hex"> <a class="hexIn" href="#"> <img src="/static/js/plugins/css3-image-grid-layout/img/5.png" alt="" />
        <h1>This is a title</h1>
        <p>Some sample text about the article this hexagon leads to</p>
    </a> </li>
    <li class="hex"> <a class="hexIn" href="#"> <img src="/static/js/plugins/css3-image-grid-layout/img/6.png" alt="" />
        <h1>This is a title</h1>
        <p>Some sample text about the article this hexagon leads to</p>
    </a> </li>
    <li class="hex"> <a class="hexIn" href="#"> <img src="/static/js/plugins/css3-image-grid-layout/img/7.png" alt="" />
        <h1>This is a title</h1>
        <p>Some sample text about the article this hexagon leads to</p>
    </a> </li>
    <li class="hex"> <a class="hexIn" href="#"> <img src="/static/js/plugins/css3-image-grid-layout/img/8.png" alt="" />
        <h1>This is a title</h1>
        <p>Some sample text about the article this hexagon leads to</p>
    </a> </li>
    <li class="hex"> <a class="hexIn" href="#"> <img src="/static/js/plugins/css3-image-grid-layout/img/1.png" alt="" />
        <h1>This is a title</h1>
        <p>Some sample text about the article this hexagon leads to</p>
    </a> </li>
    <li class="hex"> <a class="hexIn" href="#"> <img src="/static/js/plugins/css3-image-grid-layout/img/2.png" alt="" />
        <h1>This is a title</h1>
        <p>Some sample text about the article this hexagon leads to</p>
    </a> </li>
</ul>
</body>
</html>